|
JavaScript |
||||||||||||
| Skripty na webové stránce: | |||||||||||||
|
Prakticky každý prvek v prohlížeči Internet Explorer a většina v prohlížeči Netscape Navigator - počínaje obrázky a konče samotnou stránkou - je dostupný jako objekt. Dostupnost znamená, že ke všem objektům je možno přistupovat ze skriptů. Proto využijeme této možnosti k demonstraci některých základních skriptovacích technik.
Kód představuje dokument HTML s tagem obrázku. Použijeme jej jako základ, ke kterému doplníme skript.
<HTML> |
|||||||||||||
|
|
|||||||||||||
|
<HEAD> <TITLE>Skripty na webové stránce</TITLE> </HEAD> <BODY> <IMG ID="MyImage" SRC="oldpic.gif"> </BODY> </HTML>
Kód je standardní HTML. Tag <IMG> definuje obrázek. Atribut ID, který jsem v tomto tagu použil, jej pojmenovává - má jméno MyImage, a my s ním budeme moci v objektovém modelu snadno pracovat. Na konci tagu uvádím atribut SRC, který definuje zdrojový soubor obrázku: Internet Explorer zobrazí obrázek pojmenovaný oldpic.gif.
Nyní vytvoříme skript, který bude s tímto obrázkem pracovat:
<SCRIPT LANGUAGE="JavaScript"> <!-- MyImage.src="newpic.gif" //--> </SCRIPT>
Jádro skriptu se skrývá v řádku MyImage.src="newpic.gif". V původním HTML(kód 1.2) jsem definoval atribut SRC tagu MyImage. V dynamickém objektovém modelu tento atribut představuje vlastnost src objektu MyImage. Chceme-li pracovat s vlastností objektu, uvedeme název objektu a tečkou jej oddělíme od názvu vlastnosti např.: MyImage.src. Po svém spuštění skript přistupuje k objektu MyImage v objektovém modelu dokumentu a změní hodnotu jeho vlastnosti src z oldpic.gif na newpic.gif. Internet Explorer pak změní zobrazený obrázek na soubor newpic.gif.
2.) Skripty v prohlížeči Internet Explorer
Lekce s ukázkami a popisem jsou na úvodu JavaScriptu
|
|||||||||||||
|
|||||||||||||